91久久国产婷婷一区二区丨亚洲综合无码一区二区三区不卡丨超caopor在线公开视频丨国产精品乱码久久久久久久久丨日韩a片无码一区二区三区电影丨www.亚洲com丨动漫精品无码视频一区二区三区丨一道本视频在线观看丨五月天三级丨国户精品久久久久久久久久久不卡丨男女作爱bbbbbbbbb丨亚洲综合色成在线观看丨国产美女久久精品香蕉69丨黑人大群体交免费视频丨成人无码视频在线观看网址丨久久久1丨我想看一级黄色毛片丨精品一区久久丨www黄色网址丨911久久香蕉国产线看观看

A5創(chuàng)業(yè)項(xiàng)目春季招商 好項(xiàng)目招代理無(wú)憂

大多數(shù)時(shí)候，站長(zhǎng)在做網(wǎng)站都是奔著網(wǎng)站外觀大方、功能齊全去的，不過(guò)有些站長(zhǎng)卻希望自己的網(wǎng)站能夠看上去更有趣、更具個(gè)性化色彩。手繪元素就是在這個(gè)時(shí)候被引入進(jìn)網(wǎng)頁(yè)設(shè)計(jì)之中的，因?yàn)樗梢杂脕?lái)增強(qiáng)網(wǎng)頁(yè)設(shè)計(jì)的吸引力，營(yíng)造輕松、和諧的氛圍，傳遞愉快、自由的情緒。近些年來(lái)，手繪元素在網(wǎng)站中使用地越來(lái)越頻繁，差不多成了一種設(shè)計(jì)趨勢(shì)。那么在網(wǎng)頁(yè)設(shè)計(jì)中，手繪元素通常扮演什么樣的角色，又能起到哪些作用呢?今天小飛主要就這一主題展開探究一下，希望大家看完之后對(duì)手繪元素有更加深刻的認(rèn)識(shí)和理解。

1. 分隔區(qū)塊

不少站長(zhǎng)擔(dān)心在網(wǎng)站中使用手繪元素會(huì)破壞網(wǎng)站的整體和諧美感，其實(shí)手繪元素幾乎可以和各種視覺(jué)元素組合使用。它可以同圖片、視頻組合使用，可以給留白增加視覺(jué)焦點(diǎn)，甚至可以出現(xiàn)在文本附近。也因此，設(shè)計(jì)師經(jīng)常使用手繪元素去分隔不同內(nèi)容區(qū)塊或不同區(qū)域。這是因?yàn)椋环矫妫掷L元素本身?yè)碛胁诲e(cuò)的融入感，放在網(wǎng)頁(yè)中不會(huì)顯得過(guò)于突兀。另一方面，手繪元素具有一定的個(gè)性化特征，不僅能讓區(qū)域之間界限分明，還能讓這分隔的留白不顯得單調(diào)。用手繪元素分割不同區(qū)塊有助于保持整個(gè)頁(yè)面設(shè)計(jì)的節(jié)奏感。

2. 服務(wù)于用戶交互

手繪元素還可以讓網(wǎng)站中的交互變得更加有趣。不管是將它作為加載動(dòng)畫還是網(wǎng)頁(yè)設(shè)計(jì)交互體驗(yàn)的一部分(許多網(wǎng)站已經(jīng)開始使用)，手繪元素這種設(shè)計(jì)技巧能夠很好的引起用戶的興趣，發(fā)揮自己的優(yōu)勢(shì)。

Real Estate Stained Glass網(wǎng)站在運(yùn)用手繪元素引起用戶互動(dòng)方面就很出色。當(dāng)你登入這個(gè)網(wǎng)站，點(diǎn)擊開始時(shí)，用戶可以通過(guò)移動(dòng)鼠標(biāo)給物體上色。盡管網(wǎng)頁(yè)上有很多手繪元素，但整個(gè)涂鴉的過(guò)程十分順暢，填充的顏色會(huì)適時(shí)出現(xiàn)在頁(yè)面中，這種沉浸式的體驗(yàn)?zāi)軌蚱鸬骄S系用戶的作用。

3. 手繪字體

有時(shí)候最好用的手繪字體并不一定是手繪出來(lái)的。不少模仿手繪風(fēng)格的字體就很流行，它們尤其適用于展示性質(zhì)的網(wǎng)站。手繪字體或者說(shuō)手繪風(fēng)格的字體常常有更輕盈、更人性化的感覺(jué)(這是因?yàn)橛脩粢子趲胱约旱那楦?。當(dāng)然，要想手繪字體能夠發(fā)揮出自己的積極作用，我們一定要保證它的可讀性，實(shí)現(xiàn)字體美感和可讀性之間的平衡。

Tradewinds Hotel網(wǎng)站的標(biāo)題就挑選了一款簡(jiǎn)約的草書字體，字體足夠大，用戶容易辨認(rèn)。其他位置使用的字體也是選用了簡(jiǎn)潔的無(wú)襯線樣式，與標(biāo)題字體形成對(duì)比，不僅突出強(qiáng)調(diào)了手繪字體，還保證了良好的可讀性，便于用戶理解網(wǎng)站內(nèi)容。

4. 強(qiáng)化視覺(jué)效果

上面說(shuō)的手繪元素在網(wǎng)頁(yè)中都起到了一定的功能性作用。但這還有一些手繪元素純粹是服務(wù)于用戶感官效果的。在網(wǎng)站中零星地點(diǎn)綴著一些手繪元素，它們可以呈現(xiàn)其他方法難以實(shí)現(xiàn)的微妙、有趣的視覺(jué)效果。

Mother’s Brewing就是這樣做的。網(wǎng)站首頁(yè)上使用了巨大的手繪心型圖標(biāo);其他頁(yè)面中也有手繪元素的運(yùn)用，一些很明顯，一些比較隱蔽;每個(gè)CTA按鈕都是手繪的絲帶樣式。背景上的元素和滑動(dòng)元素上重疊，填滿了網(wǎng)頁(yè)上沉寂的空白，手繪元素的使用讓整個(gè)網(wǎng)站在視覺(jué)上十分引人注意。

5. 營(yíng)造氛圍

手繪設(shè)計(jì)元素常常更加輕松、歡快。它們可以在幾乎任何網(wǎng)站中發(fā)揮自己的這種特點(diǎn)，你在網(wǎng)站使用的手繪元素越多，網(wǎng)站會(huì)顯得越輕快，用戶在瀏覽時(shí)的情緒也不會(huì)太差。

Signs for Science網(wǎng)站就利用了手繪元素讓網(wǎng)站充滿童趣(當(dāng)然，這種效果也要在一定程度上歸功于網(wǎng)站配色的應(yīng)用)。不過(guò)，從網(wǎng)站字體、圖標(biāo)再到下劃線，手繪元素讓整個(gè)網(wǎng)站保持了一致的基調(diào)，網(wǎng)站顯得創(chuàng)造力十足、足夠輕盈，這也更能鼓舞用戶與網(wǎng)站產(chǎn)生互動(dòng)。

6. 展示創(chuàng)意

手繪設(shè)計(jì)元素還可以用來(lái)展示網(wǎng)站的創(chuàng)意，這尤其適用設(shè)計(jì)師作品集的展示網(wǎng)站。這些手繪元素可以讓用戶集中了解設(shè)計(jì)師想法的產(chǎn)生，設(shè)計(jì)的具體過(guò)程。

The Feebles網(wǎng)站首頁(yè)上就使用了手繪元素，右圖展示了設(shè)計(jì)師的創(chuàng)作過(guò)程。除此以外，首頁(yè)左上方還有一個(gè)手繪Logo，十分俏皮。

7. 手繪圖標(biāo)和Logo

手繪圖標(biāo)和Logo可能是最受歡迎的手繪元素了，他們最具代表性的特點(diǎn)就是不對(duì)稱、不規(guī)則。也正是這些細(xì)節(jié)上的差別讓它們極富個(gè)性，十分迷人。

從嚴(yán)格意義上來(lái)說(shuō)，Higher Ground網(wǎng)站中的圖標(biāo)算不上手繪Logo，但是其使用了襯線字體搭配波浪紋的裝飾，呈現(xiàn)出手繪Logo的特點(diǎn)。

8. 動(dòng)態(tài)手繪效果

在這個(gè)動(dòng)效大行其道的今天，手繪元素最終也難逃動(dòng)畫效果的"魔爪"。動(dòng)態(tài)的手繪元素，無(wú)疑擁有更強(qiáng)的娛樂(lè)趣味，在增強(qiáng)網(wǎng)站轉(zhuǎn)化率、延長(zhǎng)用戶停留時(shí)間上有其他設(shè)計(jì)元素所不可比擬的優(yōu)勢(shì)。

Long Story Short就在網(wǎng)頁(yè)設(shè)計(jì)上沿用了這樣的思路。網(wǎng)站Logo 使用了動(dòng)態(tài)的手繪字體，而且還借用快速的視頻播放，將它們其他品牌設(shè)計(jì)項(xiàng)目快速地展現(xiàn)出來(lái)。

看了這么多，相信大家對(duì)于手繪元素的用途已有了一定的了解。從排版設(shè)計(jì)到動(dòng)態(tài)效果，手繪元素的存在可以讓網(wǎng)頁(yè)設(shè)計(jì)變得更加賞心悅目、更具個(gè)性魅力、更有人情味。雖然手繪元素不一定適用于每個(gè)網(wǎng)站，但是不可否認(rèn)，手繪元素是非常有效的一項(xiàng)網(wǎng)頁(yè)設(shè)計(jì)技巧，它可以適用于多種網(wǎng)站設(shè)計(jì)。趕緊來(lái)起飛頁(yè)自助建站平臺(tái)（http://www.qifeiye.com/?t_wd=a5）做一個(gè)網(wǎng)站，用用手繪元素吧!